@import './primary.scss';
@import './new-simulation.scss';

* {
    padding: 0;
    margin: 0;
}

$themes:(
	primary: $primary,
	new-simulation: $new-simulation
);
$current-theme-map: 'primary';
@mixin themeify {
	@each $theme-name, $theme-map in $themes {
		$current-theme-map: $theme-map !global;
        
        // 这里需要根据自己绑定 的主题样式名进行修改
        // 本示例是通过在 body 上增加 data-theme 属性来区分当前是哪个主题
		body[data-theme="#{$theme-name}"] & {
			@content;
		}
	}
}
@function themed($key) {
	@return map-get($current-theme-map, $key);
}